<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        a {
            text-decoration: none;
            color: #000;
        }

        body {
            margin: 0;
            font-family: "Microsoft YaHei";
        }

        .el-header {
            padding: 0;
        }

        .el-header img {
            /*设置中间对齐*/
            vertical-align: middle;
        }

        .el-header a {
            color: #666;
            text-decoration: none;
        }

        .el-table .el-table__cell {
            /*去掉自带的内边距*/
            padding: 0;
        }

        .el-menu .el-menu-item {
            float: left;
            position: relative;
            width: 150px;
            margin: 0 auto;
            border: 0;
            float: left;
            position: relative;
            text-align: center;
            text-align: center;
            background: url("https://cdn.myxypt.com/4dc09769/22/02/e6e2d8e50769a0f5f7173658a6da58d1c79c4297.png") no-repeat right;

        }

        .el-aside {
            background-color: #D3DCE6;
            color: #333;
            text-align: center;
            line-height: 200px;
        }

        .el-main {
            background-color: #E9EEF3;
            color: #333;
            text-align: center;
            line-height: 160px;
        }

        h3 {
            display: block;
            font-size: 1.17em;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-size: 20px;
            color: #ffffff;
            line-height: 30px;
            font-weight: bold;
            position: relative;
            z-index: 9;
            margin: 0;
            float: left;
            padding: 5px 0 0 0;
        }

        .xypg-left-title {
            background: #db2400;
            position: relative;
            height: 32px;
            padding: 10px 10px 20px 20px;
        }

        .xypg-left-title i {
            position: absolute;
            left: -5px;
            top: -9px;
            font-style: normal;
            font-size: 67px;
            font-weight: bold;
            opacity: .1;
            color: #fff;
            line-height: 1;
            z-index: 1;
            text-transform: uppercase;
        }

        .page-banner img {
            width: 100%;
            height: 100%;
            padding: 0 0 0 0;
        }

        .page-position {
            padding: 15px 0;
        }

        .xypg-left-nav li {
            list-style-type: none;

        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header height="130px">
            <div style="width: 1200px;margin: 0">
                <img src="https://cdn.myxypt.com/4dc09769/22/03/1c86f1112d129174aa24bcf0e2a41d71330298e4.png"
                     width="424px" height="71px" style="">
            </div>
            <!--导航菜单开始-->
            <div style="background-color: #ed0a2c">
                <el-menu mode="horizontal"
                         background-color="#ed0a2c"
                         text-color="#fff" active-text-color="#fff"
                         style="width: 1200px;margin: 0 auto;border: 0"
                >
                    <el-menu-item index="1"><a href="index.html">网站首页</a></el-menu-item>
                    <el-menu-item index="2"><a href="aboutus.html">关于我们</a></el-menu-item>
                    <el-menu-item index="3"><a href="balltrain.html">篮球培训</a></el-menu-item>
                    <el-menu-item index="4"><a href="product.html">产品中心</a></el-menu-item>
                    <el-menu-item index="5"><a href="xunlian.html">训练基地</a></el-menu-item>
                    <el-menu-item index="6"><a href="news.html">新闻中心</a></el-menu-item>
                    <div style="float: right;margin-top: 10px">
                        <el-input placeholder="请输入搜索内容">
                            <!--slot="append"作用是把按钮追加在文本框里面-->
                            <el-button slot="append" icon="el-icon-search"></el-button>
                        </el-input>
                    </div>
                </el-menu>
            </div>
            <!--导航菜单结束-->
        </el-header>
        <div class="page-banner" style="padding-top: 0px;float: left">
            <img src="//cdn.myxypt.com/4dc09769/22/03/3a6d1c122677f29996d01879e584b88db3f4bb8c.jpg" alt="产品展示">
            <div class="nybt">
            </div>
        </div>
        <div class="page-position" style="
    margin-left: 160px;
">
            <div class="container">
                当前位置：
                <a href="https://www.cylqpx.com/">首页</a>
                &gt;
                <a href="https://www.cylqpx.com/product/">产品中心</a>
            </div>
        </div>
        <el-container style="font-size: 14px;
    line-height: 24px;">
            <el-aside style=" width:305px;margin-left: 160px;overflow-x: hidden">
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>
                                产品中心
                                <span>/Product</span>
                            </h3>
                            <i>P</i>
                        </div>
                        <div style="border: 1px solid #d2d2d2;border-top: none;">
                            <ul style="margin: 0 -1px;padding: 0;">
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/product/1/">少儿篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/product/2/">青少年篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/product/3/">成人篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/product/4/">幼儿篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/product/5/">篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>
                                推荐新闻
                                <span>/Recommend</span>
                            </h3>
                            <i>P</i>
                        </div>
                        <div style="border: 1px solid #d2d2d2;border-top: none;">
                            <ul style="margin: 0 -1px;padding: 0;">
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/452.html">爱打篮球的女孩是球场上美丽的风景</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/453.html">夏天打篮球要注意什么?</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/454.html">如何培养孩子对篮球的兴趣</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/455.html">篮球的入门知识和打篮球的好处</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/456.html">篮球夏令营选择误区</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/457.html">篮球培训的一些基础知识</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>
                                热门关键词
                                <span>/Keywords</span>
                            </h3>
                            <i>P</i>
                        </div>
                        <div style="border: 1px solid #d2d2d2;border-top: none;">
                            <ul style="margin: 0 -1px;padding: 0;">
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/452.html">爱打篮球的女孩是球场上美丽的风景</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/453.html">夏天打篮球要注意什么?</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/454.html">如何培养孩子对篮球的兴趣</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/455.html">篮球的入门知识和打篮球的好处</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/456.html">篮球夏令营选择误区</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                                <li style="display: block;font-size: 16px;line-height: 22px;
                                            color: #2e2e2e;padding: 15px 18px;height: 32px;background: #f9f9f9">
                                    <a href="https://www.cylqpx.com/news/457.html">篮球培训的一些基础知识</a>
                                    <div class="first-nav-btn"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </el-aside>
            <el-main>
                <div style="overflow: hidden;">
                    <div style="overflow: hidden;">
                        <div style="border: 1px solid #e5e5e5;background: #f9f9f9;line-height: 24px;padding: 10px;
                                    margin-bottom: 15px;text-indent: 2em;">
                            <ul style="padding: 0;margin: 0 -1.5%;font-size: 0; zoom: 1;display: block;
                                        list-style-type: disc;margin-block-start: 1em;
                                        margin-block-end: 1em;margin-inline-start: 0px;
                                        margin-inline-end: 0px;padding-inline-start: 40px;width:1000px;height:1081px;
                                            margin: 200px auto;border: 10px solid #eeeeee;overflow: hidden;">
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                                <li style=" border: 1px solid #eeeeee;padding: 10px 10px 0 10px;margin: 0 1.5% 20px 1.5%;
                                                display: inline-block;vertical-align: bottom;height: 250px;width: 264px;
                                                float: left;list-style: none; border-right: 10px solid #eeeeee;border-bottom: 10px solid #eeeeee;margin-bottom: -10px;
                                        -webkit-transition: all .5s ease; transition: all .5s ease;">
                                    <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班"
                                       style="display: block;">
                                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg?x-oss-process=image/resize,m_lfit,h_400,w_400"
                                             style="display: block;width: 242px;height: 193px">
                                    </a>
                                    <h3 style="margin: 0;font-size: 24px;">
                                        <a href="https://www.cylqpx.com/product/769.html" title="篮球假期培训班" style="display: block;text-align: center;font-size: 14px;
                                            color: #5a5a5a;line-height: 1.6;padding:11.2px 0px;width: 242px;height: 44px">篮球假期培训班</a>
                                    </h3>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </el-main>
        </el-container>

        <el-footer>
            <div style="height: 95px;"></div>
            <div style="background-color: #3f3f3f;
            text-align: center;color: #b1b1b1;padding: 30px 0">
                <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号
                </p>
                <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
                <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
            </div>
        </el-footer>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                bannerArr: ["https://cdn.myxypt.com/4dc09769/22/03/cec0489cad30ce07b97bdffa58c4dbbc8fbb0faf.jpg",
                    "https://cdn.myxypt.com/4dc09769/22/03/97a34b379b3eea345034d797bc4fa5f67b142ee2.jpg",
                    "https://cdn.myxypt.com/4dc09769/22/03/c549e631ac59de5fa3d170ad2d4820d87b2c8a6c.jpg"
                ],
                topArr: [
                    {title: "吉利远景", saleCount: 2000},
                    {title: "哈佛大狗", saleCount: 2520},
                    {title: "长安欧尚", saleCount: 1580},
                    {title: "吉利帝豪", saleCount: 3580},
                    {title: "吉利极氪", saleCount: 4280},
                    {title: "宝马X6", saleCount: 9580},
                ],
                productArr: [
                    {
                        name: "姚明",
                        url: "https://img1.baidu.com/it/u=1814008303,1789777043&fm=253&fmt=auto&app=138&f=JPEG?w=403&h=500",
                        message: "中国NBA牛逼人"
                    },
                    {
                        name: "詹姆斯",
                        url: "https://img2.baidu.com/it/u=1802159301,2546111378&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500",
                        message: "历史得分王"
                    },
                    {
                        name: "科比",
                        url: "https://img2.baidu.com/it/u=2906858480,2527602215&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666",
                        message: "坠机真离谱"
                    },
                    {
                        name: "艾弗森",
                        url: "https://img0.baidu.com/it/u=3239825293,3424475248&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=889",
                        message: "我就是答案"
                    },
                ]
            }
        },
        methods: {}
    })
</script>
</html>